技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2019 iT 邦幫忙鐵人賽
DAY
8
0
自我挑戰組
Android API超初學!!
系列 第
8
篇
[番外篇] [Day 8] iOS Human Interface (2) App Architecture - part 1
2019鐵人賽
ios
ui
HANA APP
2018-10-19 19:34:42
1720 瀏覽
分享至
大家好,今天繼續來
練習翻譯
讀iOS Human Interface手冊。
一些設計原則
良好的美感
– 較嚴肅功能的APP,設計就應當簡約、不浮誇、標準,並且是使用者預期的行為。如果是遊戲APP,設計就可以較生動,且鼓勵使用者探索APP
一致性
– 一致的字型、按鈕設計、文章風格等
直接操作
– 例如選轉螢幕、手勢,快速又好用
Feedback
– 按鈕按下去要告訴我有按,如果等很久至少要有圈圈轉轉轉
Metaphors(隱喻)
– 要跟現實生活很像,例如你要做電子書APP,使用者會有翻書、開闔書、使用書籤等動作,最好可以讓UI模擬得真實一點
使用者控制
– 某些功能可能會危害整個iOS,所以APP會做防呆設計,但不要做的太過頭,不然會讓使用者覺得沒有主導權,會不爽
APP友善程度
若使用者為視障者,可把文字代替成聲音
老人可能會把系統文字調大,這時候你的APP會如何?
某些視障朋友的螢幕會調亮暗調對比,這時候你的APP會如何? (其實我不知道可調範圍多廣)
顏色對比要清楚,不要用看了會很吃力的顏色
Loading
下載東西的時候一定要有轉圈圈或進度條,不然使用者會以為APP掛了。或加ㄧ些有趣的東西讓使用者不無聊。
彈出視窗
盡量減少彈出視窗使用量,重要時機才用,不然操作被中斷會很煩。
彈出視窗的X按鈕要清楚,不要像很多網頁上的覆蓋廣告一樣,X按鈕找超久找不到還會按錯,有夠機車!
彈出視窗不可重疊,顯示新的之前先把舊的關掉
今天先到這邊,明天繼續。
留言
追蹤
檢舉
上一篇
[番外篇] [Day 7] iOS Human Interface (1) Themes
下一篇
[番外篇] [Day 9] iOS Human Interface (3) App Architecture - part 2
系列文
Android API超初學!!
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
[番外篇] [Day 26] iOS Human Interface (5) APP icon設計
27
[番外篇] [Day 27] iOS Human Interface (6) APP icon設計 (cont.)
28
[Android API] [Day 28] Testing (1)、AndroidX、Jetpack
29
[Android API] [Day 29] Testing (2) 各種工具
30
[Android API] [Day 30] 我的APP開發注意事項
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19856
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
防火牆fortinet只開放line 問題
Gem如何找到該功能?!我是Gemini付費使用者
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
照片破圖或是有損壞,如何修復?
熱門回答
防火牆fortinet只開放line 問題
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
熱門文章
Agentic AI 開發實戰:我是如何設計 “Code + LLM” 混合架構,解決 AI品質不穩的問題?
ISC2 CC 證照考試筆記和影片
VScode 開發應用系統專案(10) - Spring boot MVC 應用系統設計(1)
【資料治理實戰回憶錄】04. 拆解元數據 (下):讓資料「用起來」
[gem5] 該怎麼編譯以及運行 gem5 ?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}